It’s Time We Addressed Time-Zone Selectors解決時區選擇器問題指南

使用者在選擇時區時經常遇到困難。為了最佳化時區選擇器的設計,建議儘量自動定位使用者的時區,並在下拉選單中按城市和國家字母順序排列時區,同時允許使用者按城市和國家進行搜尋。

1. 設計時區選擇器的挑戰

時區選擇器通常用於設定介面的時間調整、安排會議的排程功能或支援線上直播活動的網站。雖然看似簡單,但時區選擇器設計起來非常複雜,主要因為以下幾個挑戰:

Google Calendar 的時區選擇器做得不太理想。雖然它按時區的偏移量(比如 GMT+8)排序,但很多使用者並不清楚這些偏移量的具體含義,這讓查詢時區變得複雜和費時。優點是它會把使用者常用的時區放在列表頂部,方便快速選擇。但整體來說,這種按偏移量排序的方式並不直觀,尤其對於不熟悉時區偏移的使用者來說,很難快速找到自己所在的時區。
Slack 的時區選擇器按照時區偏移量進行排序,並將擁有相同偏移量的時區合併在一起,以縮短列表長度。這種設計在減少捲軸目上有一定優勢,但由於很多使用者對具體的時區偏移量不熟悉,這種方式可能會增加查詢的難度,讓使用者難以快速定位自己所在的時區。

2. 我們的研究與方法

為了找到最佳的時區選擇器設計方法,我們進行了多輪定量與定性研究:

3. 研究結果與關鍵發現

3.1 使用者對時區的認知方式

大多數使用者知道自己的時區:在我們研究的 83 名參與者中,73% 能夠準確寫出自己所在的時區(如“太平洋時間”或“歐洲中部時間”),18% 選擇了偏移量(如“UTC-3”)。

GMT 比 UTC 更為熟悉:儘管 UTC 是更標準的時間表示,但使用者對 GMT 的熟悉度更高(尤其是英國使用者)。在我們的研究中,55% 的使用者知道自己的 GMT 偏移量,而只有 34% 的使用者知道 UTC 偏移量。

該圖表顯示了當顯示所有四個國家/地區的參與者的 GMT 與 UTC 的偏移量時,正確選擇的比例。誤差線顯示 95% 的置信區間。雖然所有組在 GMT 中的正確選擇都比 UTC 多,但只有英國組的差異具有統計學意義。GMT(格林尼治標準時間)和 UTC(協調世界時)都是用來表示全球時間的標準,但它們的概念略有不同:GMT(Greenwich Mean Time):是一種時區,它以英國倫敦的格林尼治天文臺為基準。GMT 是傳統意義上的全球時間標準,但現在更多作為一種時區使用。UTC(Coordinated Universal Time):是全球通用的時間標準,用來統一世界各地的時間。UTC 是更為精確的時間標準,常用於現代技術、通訊和導航系統中。儘管兩者在技術上有區別,但在實際使用中,它們的時間偏移量是相同的,也就是說,UTC+0 和 GMT+0表示的時間是相同的。例如,北京時間是 UTC+8,同時也是 GMT+8。因此,人們常常將它們混用。

3.2 使用者對時區選擇器的期待

使用者期望能自動定位時區:許多使用者希望時區選擇器能夠根據他們的位置自動顯示相應的時區,並允許他們在需要時更改。

使用者更喜歡按字母順序排列的時區列表:無論是偏移量排列還是按地區分組,使用者普遍認為按字母順序排列更符合預期。分組排列時,應確保主要地區(如常用的大陸或國家)位於列表頂部。

3.3 搜尋功能的需求

使用者更傾向於透過搜尋找到時區:在禁用搜尋功能時,幾乎所有參與者都嘗試使用搜尋功能,因無法搜尋而感到不滿。因此,為時區選擇器提供搜尋欄非常重要。

使用者最常搜尋城市名稱:在所有的首次搜尋中,44% 的使用者使用城市作為搜尋詞,而 24% 的使用者使用時區名稱(如“太平洋時間”)作為搜尋詞。這表明允許使用者按城市和時區名稱搜尋有助於提升查詢效率。

75 名參與者最常進行的第一個搜尋查詢是一個城市(佔第一個搜尋詞的 44%),其次是時區,例如太平洋時間(佔搜尋詞的 24%)。

3.4 時區列表的分組與排序

分組有助於提升查詢效率:在我們的測試中,按地區分組的時區列表比單純按偏移量排列的列表更快幫助使用者找到目標時區。尤其對於較長的列表,分組能幫助使用者更快地定位自己所在的區域。

我們一半的參與者被隨機分配到未分組條件(上)或分組條件(下)。兩個下拉選單都按 offset 排序,並且功能相同。

4. 時區選擇器的設計建議

基於以上研究結果,我們提出以下設計建議:

  1. 自動定位使用者時區並允許修改:在可能的情況下,根據使用者位置自動識別時區,並將其顯示為預設值。若自動定位不可行,可以在下拉選單中將使用者時區作為高亮項展示。
  1. 提供搜尋功能:在下拉選單中整合搜尋功能,使使用者可以快速查詢時區。確保搜尋欄在下拉選單啟用時可見,提示使用者使用。
  1. 按城市名稱字母順序排列時區:使用城市名稱按字母順序排列時區,並在時區名稱旁顯示國家(及州、省等)和偏移量資訊,以便使用者確認選擇的時區是否正確。
  1. 分組顯示時區列表:可以考慮按地區或大陸對時區進行分組,並確保主要地區位於列表頂部。避免按偏移量排列,因為使用者對時區偏移量的熟悉度較低。
  1. 考慮使用 GMT 替代 UTC(針對英國使用者):針對英國使用者,可以考慮使用 GMT 代替 UTC,因為他們對 GMT 更加熟悉。不過,對於全球使用者來說,GMT 的使用並不一定能提升準確度。
如果可能,請在列表頂部顯示使用者的位置(如上所示)。或者,在使用者的位置開啟時區選擇器(如下所示)。

結論

時區選擇器的設計極具挑戰,但透過自動定位時區、提供搜尋功能、按城市名稱排序、分組顯示及考慮使用者對 GMT/UTC 的認知差異,可以有效提升使用者的使用體驗。希望上述研究結果和設計建議能夠為您最佳化時區選擇器提供有價值的參考。